<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>2018/12/12</title>
    <!--好的代码像粥一样,是得用时间和精力熬的。-->
</head>
<body>

</body>
<script>
  // life circle 生命周期
  // hooks 钩子【回调函数】 【在恰当时间做恰当的事情】
  // function Person(config) {
  //   if(config.beforeNamed){
  //     config.beforeNamed();
  //   }
  //   this.name =config.name;
  //   this.age =config. age;
  //   this.gender =config.gender;
  //   if( config.created){
  //     config.created();
  //   }
  // }
  // new Person({
  //   name: 'a',
  //   age:'18',
  //   gender:false,
  //   beforeNamed:function () {
  //    console.log('他马上就要有名字了');
  //   },
  //   created:function () {
  //     console.log('我已经完全构建好了');
  //   }
  // });//他的生命就开始了
let config = {
  name:'abc',
  data(){
    return{}
  }
};
var abc = {
  install:function (Vue) {
    Vue.component(config.name,config);
  }
};
Vue._use = function(op){
  op.install(this);
};
Vue._use(abc);
//Vue.component(config.name,config);
</script>
</html>
